.menu{display: none;}
.menu{ width:100%;position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none; z-index:99}
.menu .show-menu img{ width:auto; max-width:100%;}
.menu .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:11; color:#E1E1E1}
.menu .show-menu{ width:60%; height:100%; position:fixed; z-index:9; background:#F4EBE7; left:0; top:0; padding-top: 5%; text-align:center}
.menu .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}
.menu .show-menu a{ color:#3D3C3A}
.menu .show-menu li{ line-height:2em; font-size:100%;  letter-spacing:1px; text-align:left; margin-left: 20px;}
.show-erweima{ width:66%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:10%; z-index:15}
.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}
.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}
.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}
.show-erweima .txt span a{ color:#fff}
.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }
.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}
.footer_float {height:auto; overflow:hidden; background:#9F0710; color:#fff; width:100%; position:fixed; z-index:9999; left:0; bottom:0; display:none}
.footer_float a{ color:#fff;}
.footer_float ul li{ float:left; padding:0.3rem 0;  width:24%; line-height: 0.2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}
.footer_float ul li:last-child{ background:none; border-right: none;}
.footer_float ul li{ border-right: 1px solid rgba(255,255,255,0.4)}
.pc{ display: block;}
.wap{ display: none;}
.index-nmoer{display: none;}
@media screen and (max-width:768px)
{
	body{ margin: 0px; padding: 0px;}
	header{display: none;}
	.footer_float { display: block;}
	.box1 .middle,.w1300{ width: 94%; margin: auto;}
	.waphear{ display: block;}
  .pc{ display: none;} 
	.wap{ display: block;}
	.head,.header,.syproduct,.yb_conct{ display: none;}
	.waphear { display: block;width: 100%; height: 75px; z-index: 12;}
	.inner{ background: rgba(255,255,255,1); box-shadow:  1px 3px 6px #cacaca;position: fixed; }
	.waphear .ico{
	  width: 10%;height:4px;
	  border-top: 4px solid #000;
	  border-bottom: 4px solid #000;
	  padding: 6px 0;
	  background-color:#000;
	  background-clip: content-box; position:absolute; right:0.4rem; top:0.5rem; z-index:9; }
	 .menu ul li{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.2);}
	 .menu ul li .ico{ position:absolute; right:15px; width:15px; height:15px; top: 10px; z-index:1;background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li a{height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	 .menu ul li .a_js2{}
	 .menu ul li .a_fmj_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;filter: grayscale(100%);}
	 .menu ul li .a_bf{display:none}
	 .menu ul li .a_bf a{height:40px;line-height:40px;font-size:14px; display:block;} 
	.waphear .logo {
	      width: 100%;
	      height: 75px;
	      float: left;
	      background: url(../images/logo.png) no-repeat left center;
		  background-size: 75%;
		  }
.lb .swiper-pagination-bullet{ width: 15px !important; height:3px !important;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets{ width: 40%;left:35%;}
.lb .swiper-pagination-bullet-active{ width: 15px !important; height: 3px !important; background-size: 100% !important;} 
.lb .swiper-button-next,.lb .swiper-button-prev{ width: 25px;height: 25px;}
.lb .swiper-button-prev {
    left: 2% !important;
    top: 56%;}
	.lb .swiper-button-next {
	    right: 1% !important;
	    top: 56%;
		}
#header,.pro-box{ display: none !important;}
.search,.button_down{display: none;}
.title span{ font-size: 24px;}
.title span i {
    margin: 0px 28px;
}
.title span i img{ width: 10%;}
.title{  margin-top: 30px;}
.title p{ font-size: 14px; line-height: 25px;}
.left-about{ width: 100%;}
.right-img{ width: 100%;}
.left-about .title-abot span{ font-size: 16px;}
.left-about .title-abot p{ font-size: 30px; line-height: 40px;}
.left-about .title-abot{ height: 69px;}
.lb .swiper-button-next:after, .lb .swiper-button-prev:after {
    font-size: 16px !important;
    font-weight: bold;
}
.box2{  padding-top: 30px; margin-top: 30px;}
.abot-cont{ font-size: 14px; line-height: 25px;}
.about-moer li:nth-child(1){ letter-spacing:0px; font-size: 14px; height: 61px; width: 22.5%;}
.about-moer li:nth-child(2){ font-size: 50px; margin-right: 0px;}
.about-moer li:nth-child(3) { float: right; margin-top: 2%;}
.about-moer li:nth-child(3) a{ width: 120px; float: right; height: 40px; line-height: 40px; font-size: 14px;}
.about-moer li:nth-child(3) a i img{ width: 60%;margin-top: 20%;}
.right-img .about-thumb{ height: 240px;}
.case-list .case-cont{ width: 100%;}
.case-box .case-title ul{ display: block;}
.case-title{ padding: 5px;}
.case-title ul li{ margin: 0px; width: 49%; margin-right: 1%; float: left; height: 35px; line-height: 35px;}
.case-title ul li{ font-size: 14px; margin-bottom: 10px;}
.case-title ul li:nth-child(2n){ margin-right: 0px;}
.case-img{ height: 180px;}
.case-box .case-title ul{ margin-top: 20px;}
.case-img span{ display: none;}
.case-img i{ height: 46px;}
.case-title p{ font-size: 18px;}
.case-title span{ font-size: 14px; line-height: 25px;}
.case-title p b{ font-size: 12px;}
.case-title .more i{ font-size: 12px;}
.case-title .more b{ font-size: 12px; width: 26%; height: 30px; line-height: 30px;}
.case-list .case-cont{ height: 360px;}
.switch-case .switch-list{ height: 360px;}
.case-left, .case-right{ width: 30px; height: 30px;}
.case-more{ width: 180px; height: 40px; line-height: 40px; margin-top:10px ;}
.case-more a{font-size: 14px;}
.news-title ul{ display: block;}
.news-title ul li{ width: 32%; margin: 0px; margin-right: 1%; float: left; height: 40px; line-height: 40px;}
.news-title ul li:nth-child(3){ margin-right: 0px;}
.news-title ul li a{ font-size: 14px;}
.news-title ul{ margin-top: 20px;}
.news-list ul li{ width: 100%; margin-bottom: 15px;}
.news-list{ margin-top: 30px;}
.news-cont .newstitle span:nth-child(2){ font-size: 18px;}
.news-list ul li .news-img{ height: 180px;}
.news-img i{ display: none;}
.news-cont p{ margin: 10px 0px;}
.box5{ display: none;}
.box6 .nev-box{ display: none;}
.box6 ul{ width: 100%;}
.top-ma .sao{ width: 46%;}
.tel-box li{ font-size: 13px;}
/* .ma-box li{ display: none;} */
.top-ma .sao-ma{ padding-top: 0px;}
.top-ma .sao-ma{ width: 40%;}
.box6{ padding-bottom: 50px;}
.banner-image{ background-size: 140%;
    width: 100%;
    overflow: hidden;
    height: 150px;
    background-position-x: 49%;}
.article-cont{ width: 100%;}		
.about-insidejog{ margin-top: 40px;}		
.article-cont h3{ font-size: 24px;}
	.article-cont i{ font-size: 20px;}	
.article-about{ font-size: 14px; line-height: 30px; padding: 0px 15px;}	
.article-img{ width: 100%; height: 240px;}
.article-img span{ font-size: 24px; height: 48px; line-height: 48px;}	
.coop-inside{ margin-top: 30px; padding-top: 40px; background-size: 800%;}
.coop-title h4,.left-cultur h5,.team-inside p{ font-size: 24px;}
.coop-inside ul li{ width: 49%;}
.coop-inside ul li:nth-child(2n){ margin-right: 0px;}
.coop-inside ul{ margin-top: 30px;}
.coop-inside ul li{ padding: 10px 8px; min-height: 380px; margin-bottom: 15px;}
.coop-inside ul li p{ font-size: 13px; line-height: 25px; margin: 10px 0px;}
.coop-inside ul li h5 img{width: 50%;}
.coop-inside ul li span{ font-size: 12px; line-height: 25px;}
.cultur-cont{ position: initial;}
.culture-inside .left-cultur{width: 100%;}
.right-culture{ width: 100%; height: 180px; display: inline-block;}
.culture-img{ width: 100%; height: 100%; display: contents;}
.culture-img img{ width: 100%;}
.left-cultur .cultur-title ul li{ width: 48%; float: left; text-align: center; margin-right: 2%; background: #eee;border-radius: 45px;}
.left-cultur .cultur-title ul li:before{ content: ''; display: none;}
	.cultur-title ul li.on{  background: #0633a1; border-radius: 45px; color: #fff;}
	.cultur-title ul li.on a{ color: #fff;}
.cultur-title ul li span{ width: 100%; font-size: 16px;}
	.culture-inside{ padding-top: 40px;}
	.cultur-title ul li.on i{ display: none;}
	.left-cultur h5{ line-height: 38px;}
.cultur-cont{ width: 100%; padding: 15px;}	
.cultur-title{ margin-bottom: 20px; width: 100%; display: inline-block;}
.cultur-cont h3{ font-size: 20px;}
.cultur-cont p,.cultur-cont ul>div{ font-size: 16px;}
.cultur-cont span{ font-size: 12px; line-height: 25px;}	
.cultur-cont{ background-size: 170%; height: auto; margin-bottom: 30px;}
.culture-inside{ min-height: 640px; background-size: 150%;}
.team-inside p{  line-height: 40px;}
.team-list .swiper-button-next, .team-list .swiper-button-prev{ width: 40px; height: 40px;}	
.product-list ul li{ width: 100%; padding: 15px;}
.product-title ul{ display: block;}
.product-title ul li{ margin: 0px; width: 49%; margin-right: 1%; float: left; height: 35px; line-height: 35px;margin-bottom: 10px; background: #172c82; padding: 0px;}
.product-title ul li a{ font-size: 14px; color: #fff; }
.product-list ul li .goods{ font-size: 18px;}
.product-cont .pro-left{ width: 100%;}
.product-cont .pro-left span{ font-size: 14px; line-height: 25px;}
.product-cont{ margin-top: 0px;}
.product-cont .pro-left p{ margin-top: 10px; font-size: 14px;}
.product-cont .pro-right{ width: 100%;}
.pro-right img{ width: 100%;}
.product-list{ margin-top: 20px;}
.v9_pages a,.v9_pages span{ font-size: 12px;padding: 3px 4px;margin: 0px; display: inline-block; margin-bottom: 15px;}
.accessories p{ font-size: 24px; line-height: 40px;}
.v9_pages{ margin-top: 15px;}
.accessories{ margin-top: 0px;}
.acc-img{ width: 100%;}
.accessories-list .button-next{ margin-left: 18%;}
.box6 .tel-box p{ line-height: 30px;}
.box6 .tel-box p,.tel-box p i{ font-size: 22px;}
.tel-box span i{ font-size: 26px;}
.tel-box span{ font-size: 22px;}
.acc-img .acc-thumb{ width: 97.8%; height: 164px;}
.acc-img span{font-size: 14px;}
.right-show{ display: none;}
.left-show{ width: 100%;}
.pic-top .left-picimg{display: none;}
.pic-top{ padding: 0px;  height: auto;}
.pic-top .right-piccont{ width: 100%;}
.right-piccont li:first-child{ font-size: 24px; margin-top: 30px;}
.right-piccont li:nth-child(2){ font-size: 14px; line-height:30px;}
.inside-show{ margin-top: 0px;}
.pic-top .right-piccont .wap img{ width: 80%; display: block; margin: auto;}
.show-tel span:first-child{ width: 36%;}
.picinstde-show span{ font-size: 20px;}
.show-tel span:first-child a{ font-size: 16px;}
.show-tel span:first-child{ height: 45px; line-height: 45px;}
.show-tel span:nth-child(2){ font-size: 20px; line-height: 25px;}
.picinstde-show{ margin-top: 20px;}
.pic-canshu{ font-size: 14px; margin-top: 5px;}
.pic-canshu>div{ font-size: 14px;}
.picinstde-show span i{ width: 30px; height: 30px;}
.page_turn span{ font-size: 14px;}
.xianguan{ font-size: 20px;}
.rel-news ul li{ width: 100%;}
.rel-news ul li i{ font-size: 12px;}
.rel-news ul li span{ font-size: 14px;}
.rec-img span{font-size: 14px;}
.honor-pages ul li{ width: 49%;}
.honor-pages ul li:nth-child(3n){ margin-right: 2%;}
.honor-pages ul li:nth-child(2n){ margin-right: 0px;}
.honor-pages ul li p{ font-size: 12px; line-height: 25px; padding-top: 6%; height: 60px;}
.honor-pages ul li .honor-arr{ height: 235px;}
.show-cont img{ max-width: 100%; height: auto  !important;}
.incase-list ul li{ width: 100%;}
.incase-list ul li .case-inslist{height: 220px;}
.case-insmore b{ font-size: 12px;}
.case-inscont{ padding: 10px;}
.product-inside .title span{ font-size: 22px;}
.product-inside .title span i {
    margin: 0px 22px;
}
.right-piccont li:nth-child(2){ min-height: auto; margin-bottom: 20px;}
.map{ width: 100%; height: 440px;}
.contact{ width: 100%;height: 480px;}
.contact h4{ font-size: 22px; line-height: 30px;}
.contact{ padding: 30px 10px;}
.contact h4 i{ font-size: 14px;}
.contact ul li:first-child p,.contact ul li p { font-size: 18px;}
.contact ul li span{ font-size: 20px;}
.news-pages ul li .news-middle{ width: 100%;}
.news-figure{ width: 94%; margin: auto; display: block; float: initial; height: 160px; margin-top: 20px;}
.news-arr span{ font-size: 40px; margin-top: 0px;}
.news-arr span i{ font-size: 12px;}
.news-arr{ width: 17%;}
.news-mark{ width: 83%; margin-bottom: 20px;}
.news-mark h4{ font-size: 18px;}
.news-mark p{ font-size: 12px; margin: 10px 0px;}
.news-mark span{ font-size: 12px; width: 120px; height: 30px; line-height: 30px;border-radius: 8px 0px 8px 0px;}
.news-figure img{ width: 100%; display: block; margin: auto;}
.wap-title ul{  margin-top: 20px;}
.wap-title ul li{ margin: 0px; width: 49%; margin-right: 1%; float: left; height: 35px; line-height: 35px; text-align: center; background: #172c82; color: #fff; border-radius: 35px;}
.wap-title ul li{ font-size: 14px; margin-bottom: 10px;}
.wap-title ul li:nth-child(2n){ margin-right: 0px;}
.wap-title ul li.on{ background: #dd3641;}
.box-wap{ width: 100%; display: inline-block;}
.rightrec-cont p{ font-size: 14px;}
.wap-lainxi a{ width: 48%; margin-right: 2%; height: 40px; line-height: 40px; text-align: center; background: #dd3641; border-radius: 10px; color: #fff; display: block; float: left;}
.wap-lainxi a:nth-child(2){ margin-right: 0px;}
.wap-lainxi{ margin-top: 5%;}
.news-title{ width: 100%; display: inline-block;}
.hor-box .hor-img{ height: 198px;}
.box6{ background: #0633a1;}
.box6 .tel-box{ width: 100%;}
.box6{ margin-top: 25px;}
.tel-box span{ margin-top: 10px;}
/* .ma-box li:nth-child(2){display: none;} */
.ma-box li:nth-child(4){display: none;}
.top-ma{ width: 100%; display: inline-block;}
.ma-box li{ line-height: 40px; text-align: center;}
.inside-product-list ul li{ width: 100%;height: 5.4rem; margin-bottom: 0.2rem;}
.inside-pro-right{ height: 4.5rem;}
.product-moer{ line-height:55px;}
.inside-product-title span{ width: 70%;}
.inside-product-title span i{ font-size: 12px;}
.inside-product-title span{ font-size: 15px;}
.product-inside .title span i{ margin: 0px;}
.right-piccont li:nth-child(2) p{ font-size: 12px;}
.picinstde-show .hd li .ico{ width: 25px; height: 28px;}
.picinstde-show .hd li.on .ico.ico1{ background-size: 194%;}
.picinstde-show .hd li{ font-size: 15px;}
.picinstde-show .hd li i{ font-size: 12px;}
.picinstde-show .hd li{ height: 40px; line-height: 16px; width: 170px;}
.case-inscont span{ height: auto;}
#company_bg_c_l{ width: 100%;}
.spvideo{ height: 190px; margin-top: 20px;}
.inside-fenli dt{ width:49%;height: 160px; margin-bottom: 10px;}
.inside-fenli dt:nth-child(2n){ margin-right: 0px; }
.box6 .tel-box p{ display: none;}
.tel-box li:nth-child(1){ margin-top: 0px;}
.tel-box li:last-child{ margin-bottom: 0px;}
.ma-box li{ line-height: 30px;}
.tel-box li i{ width: 20px; height: 20px;}
.tel-box li{ line-height: 25px; height: 25px;}
.tel-box span br{ display: none;}
.tel-box span{ margin-top: 0px; height: 50px;}
.box6 .tel-box{ margin-top: 0px;}
.brand-list ul li{ width: 47.2%; background:none; border: 1px solid #e9e9e9;border-radius: 20px; margin-bottom: 10px; }
.about-brand{ margin-top: 20px; }
.brand-list{margin-top: 10px; }
.left-kist{display: none; }
.product-list-right{ width: 100%;}
.pixc-title dl{display: block;}
.pixc-title dl dt{ width: 41%; float: left;margin-right: 5px;margin-bottom: 5px; padding: 0px 12px;line-height: 30px; height: 30px;}
.pixc-title dl dt a{ font-size: 12px;}
.show-product-inside {
    margin-top: 30px;
}
.product-cont .pro-left span{ height: auto;}
.menu ul li a{line-height: 30px;} 
.menu ul li dt a{ font-size: 12px;line-height: 20px;} 
.inside-product-list ul li .goods{ font-size: 12px; }
.inside-fenli p{line-height: 30px; }
.left-chiyou{ width: 100%;}
.left-chiyou h6{ text-align: center;}
.right-hezuo{ width: 100%;}
.right-hezuo h6{ text-align: center;}
	}